<template>
  <Col :xs="24" :sm="24" :md="24" :lg="7" :xl="7"> 
    <div id="sidebar">
      <categorys></categorys>
      <tags></tags>
      <recommend></recommend>
      <archives></archives>
    </div>
  </Col>
</template>

<script>
export default {
  name: 'RightModule',
  components: {
    "about-me": () => import("components/common/AboutMe"),
    "categorys": () => import("components/common/Categorys"),
    "tags": () => import("components/common/Tags"),
    "recommend": () => import("components/common/Recommend"),
    "archives": () => import("components/common/Archives")
  },
}
</script>

<style lang='scss' scoped>
#sidebar {
  padding:1rem  1rem;
}
</style>